<template>
  <el-select 
    v-model="value" 
    placeholder="Select" 
    style="width: 240px" 
    @visible-change="handleVisibleChange">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value"
      :disabled="item.disabled"
    />
  </el-select>
</template>

<script setup>
import { ref } from 'vue'

const value = ref('')

const handleVisibleChange = (val) => {
  
}


const options = createOprions()
function createOprions (){
  const arr = []
  for (let i = 1; i <= 10; i++) {
    arr.push({
      value: `Option${i}`,
      label: `Option${i}`,
    })
  }
  return arr
}


</script>